<template>
    <div class="m-city">
        <el-row>
            <el-col>
                <change></change>
            </el-col>
            <el-col>
                <hot></hot>
            </el-col>
            <el-col>
                <citylist></citylist>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import change from '@/components/city/change.vue'
import hot from '@/components/city/hot.vue'
import citylist from '@/components/city/citylist.vue'

export default{
    components:{
        change,
        hot,
        citylist    
    }
}
</script>

<style lang="less">
    @import '../assets/less/city/city.less';
</style>